<template>
	<view class="content bg-white ">
		<view class="msg_16 ">
			<view class="msg_2 ">
				<view class="msg_12 ">
					<image border="0" class="icon " mode="scaleToFill" src="/static/message/images/msg_icon_4.jpg">
					</image>
					<text class="word " decode="true">{{$root.m0}}</text>
				</view>
				<view class="msg_13 ">
					<image border="0" class="icon " mode="scaleToFill" src="/static/message/images/msg_icon_5.jpg">
					</image>
					<text class="word " decode="true">{{$root.m1}}</text>
				</view>
				<view class="msg_13 ">
					<image border="0" class="icon " mode="scaleToFill" src="/static/message/images/msg_icon_6.jpg">
					</image>
					<text class="word " decode="true">{{$root.m2}}</text>
				</view>
			</view>
			<view class="Messages ">
				<view v-for="(item,index) in list_Messages" wx:for-item="item_Messages" :key="index">
					<view class="row ">
						<image border="0" class="icon " mode="scaleToFill" :src="item_Messages.icon"></image>
						<view class="msg_41 ">
							<view class="msg_42 ">
								<text class="subject " decode="true">{{item_Messages.subject}}</text>
								<text class="time " decode="true">{{item_Messages.time}}</text>
							</view>
							<view class="msg_43 ">
								<text class="smallTitle " decode="true">{{item_Messages.smallTitle}}</text>
								<text class="vote " decode="true">{{item_Messages.vote}}</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="loading ">{{loadingText}}</view>
		<view class="ymBbottom "></view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				loadingText: "",
				list_Messages: [{
					subject: this.$t("发布需求"),
					time: "11:10",
					smallTitle: this.$t("单车发货"),
					vote: "25",
					icon: "/static/message/images/msg_icon_40.jpg"
				}, {
					subject: this.$t("发布需求"),
					time: "11:10",
					smallTitle: this.$t("大米运送"),
					vote: "25",
					icon: "/static/message/images/msg_icon_40.jpg"
				}, {
					subject: this.$t("收货通知"),
					time: "11:10",
					smallTitle: this.$t("留意粤A567890收货信息"),
					vote: "25",
					icon: "/static/message/images/msg_icon_40.jpg"
				}, {
					subject: this.$t("收货通知"),
					time: "11:10",
					smallTitle: this.$t("留意粤A567890收货信息"),
					vote: "25",
					icon: "/static/message/images/msg_icon_40.jpg"
				}, {
					subject: this.$t("送货通知"),
					time: "11:10",
					smallTitle: this.$t("粤A567890正在配送中"),
					vote: "25",
					icon: "/static/message/images/msg_icon_40.jpg"
				}, {
					subject: this.$t("送达通知"),
					time: "11:10",
					smallTitle: this.$t("粤A567890已送达地址A"),
					vote: "25",
					icon: "/static/message/images/msg_icon_40.jpg"
				}],
				page: 0,
				apiUrl: "",
				id: "",
				del_id: ""
			}
		},
		components: {},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	button::after,
	input {
		border: none;
		width: auto
	}

	input {
		list-style: none;
		outline: none
	}

	.list_item {
		float: left
	}

	.ym_hide {
		display: none
	}

	.ym_show {
		display: block
	}

	.slide-image {
		height: 100%;
		width: 100%
	}

	.list_horizontal {
		display: inline-block;
		width: auto
	}

	.msg_16 {
		background-color: #f4f5f4;
		min-height: 1331upx
	}

	.msg_16 .msg_1,
	.msg_16 {
		border-radius: 0upx;
		clear: both;
		float: left;
		font-size: 8upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 749upx
	}

	.msg_16 .msg_1 {
		background-color: #fff;
		height: 85upx;
		margin-left: 0upx;
		margin-top: 0upx
	}

	.msg_16 .msg_1 .msg_17 {
		border-radius: 0upx;
		float: left;
		font-size: 35upx;
		height: 36upx;
		line-height: 36upx;
		margin-left: 34upx;
		margin-top: 25upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 21upx
	}

	.msg_16 .msg_1 .title {
		color: #000;
		font-size: 30upx;
		height: 43upx;
		justify-content: center;
		line-height: 43upx;
		margin-left: 245upx;
		margin-top: 22upx;
		text-align: center;
		width: 149upx
	}

	.msg_16 .msg_1 .title,
	.msg_16 .msg_2 {
		background-color: #fff;
		border-radius: 0upx;
		float: left;
		padding: 0upx;
		white-space: normal
	}

	.msg_16 .msg_2 {
		clear: both;
		font-size: 8upx;
		height: 207upx;
		margin-left: 0upx;
		margin-top: 0upx;
		text-align: left;
		width: 749upx
	}

	.msg_16 .msg_2 .msg_12 {
		height: 176upx;
		margin-left: 51upx;
		margin-top: 13upx;
		width: 148upx
	}

	.msg_16 .msg_2 .msg_12 .icon,
	.msg_16 .msg_2 .msg_12 {
		border-radius: 0upx;
		float: left;
		font-size: 8upx;
		padding: 0upx;
		text-align: left;
		white-space: normal
	}

	.msg_16 .msg_2 .msg_12 .icon {
		clear: both;
		height: 92upx;
		line-height: 92upx;
		margin-left: 31upx;
		margin-top: 21upx;
		width: 92upx
	}

	.msg_16 .msg_2 .msg_12 .word {
		background-color: #fff;
		border-radius: 0upx;
		clear: both;
		color: #000;
		float: left;
		font-size: 24upx;
		height: 31upx;
		justify-content: center;
		line-height: 31upx;
		margin-left: 43upx;
		margin-top: 9upx;
		padding: 0upx;
		text-align: center;
		white-space: normal;
		width: 70upx
	}

	.msg_16 .msg_2 .msg_13 {
		height: 176upx;
		margin-left: 94upx;
		margin-top: 13upx;
		width: 158upx
	}

	.msg_16 .msg_2 .msg_13 .icon,
	.msg_16 .msg_2 .msg_13 {
		border-radius: 0upx;
		float: left;
		font-size: 8upx;
		padding: 0upx;
		text-align: left;
		white-space: normal
	}

	.msg_16 .msg_2 .msg_13 .icon {
		clear: both;
		height: 92upx;
		line-height: 92upx;
		margin-left: 34upx;
		margin-top: 21upx;
		width: 92upx
	}

	.msg_16 .msg_2 .msg_13 .word {
		background-color: #fff;
		border-radius: 0upx;
		clear: both;
		color: #000;
		float: left;
		font-size: 24upx;
		height: 31upx;
		justify-content: center;
		line-height: 31upx;
		margin-left: 45upx;
		margin-top: 9upx;
		padding: 0upx;
		text-align: center;
		white-space: normal;
		width: 70upx
	}

	.msg_16 .msg_2 .msg_14 {
		height: 176upx;
		margin-left: 97upx;
		margin-top: 13upx;
		width: 133upx
	}

	.msg_16 .msg_2 .msg_14 .icon,
	.msg_16 .msg_2 .msg_14 {
		border-radius: 0upx;
		float: left;
		font-size: 8upx;
		padding: 0upx;
		text-align: left;
		white-space: normal
	}

	.msg_16 .msg_2 .msg_14 .icon {
		clear: both;
		height: 92upx;
		line-height: 92upx;
		margin-left: 23upx;
		margin-top: 21upx;
		width: 91upx
	}

	.msg_16 .msg_2 .msg_14 .word {
		color: #000;
		font-size: 25upx;
		height: 31upx;
		justify-content: center;
		line-height: 31upx;
		margin-left: 34upx;
		margin-top: 9upx;
		text-align: center;
		width: 70upx
	}

	.msg_16 .Messages,
	.msg_16 .msg_2 .msg_14 .word {
		background-color: #fff;
		border-radius: 0upx;
		clear: both;
		float: left;
		padding: 0upx;
		white-space: normal
	}

	.msg_16 .Messages {
		font-size: 8upx;
		margin-left: 0upx;
		margin-top: 14upx;
		min-height: 979upx;
		text-align: left;
		width: 749upx
	}

	.msg_16 .Messages .row {
		border-radius: 0upx;
		float: left;
		font-size: 8upx;
		height: 138upx;
		margin-left: 13upx;
		margin-top: 20upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 724upx
	}

	.msg_16 .Messages .row .icon {
		border-radius: 75upx;
		float: left;
		font-size: 8upx;
		height: 104upx;
		line-height: 104upx;
		margin-left: 8upx;
		margin-top: 15upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 104upx
	}

	.msg_16 .Messages .row .msg_41 {
		border-radius: 0upx;
		float: left;
		font-size: 8upx;
		height: 93upx;
		margin-left: 15upx;
		margin-top: 23upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 586upx
	}

	.msg_16 .Messages .row .msg_41 .msg_42 {
		border-radius: 0upx;
		clear: both;
		float: left;
		font-size: 37upx;
		height: 40upx;
		line-height: 40upx;
		margin-left: 2upx;
		margin-top: 4upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 584upx
	}

	.msg_16 .Messages .row .msg_41 .msg_42 .subject {
		background-color: #fff;
		border-radius: 0upx;
		color: #000;
		float: left;
		font-size: 29upx;
		height: 34upx;
		line-height: 34upx;
		margin-left: 3upx;
		margin-top: 6upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 405upx
	}

	.msg_16 .Messages .row .msg_41 .msg_42 .time {
		background-color: #fff;
		border-radius: 0upx;
		color: #c8c8c8;
		float: left;
		font-size: 17upx;
		height: 20upx;
		line-height: 20upx;
		margin-left: 41upx;
		margin-top: 9upx;
		padding: 0upx;
		text-align: right;
		white-space: normal;
		width: 131upx
	}

	.msg_16 .Messages .row .msg_41 .msg_43 {
		border-radius: 0upx;
		clear: both;
		float: left;
		font-size: 38upx;
		height: 40upx;
		line-height: 40upx;
		margin-left: 2upx;
		margin-top: 4upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 584upx
	}

	.msg_16 .Messages .row .msg_41 .msg_43 .smallTitle {
		background-color: #fff;
		border-radius: 0upx;
		color: #c8c8c8;
		float: left;
		font-size: 25upx;
		height: 26upx;
		line-height: 26upx;
		margin-left: 4upx;
		margin-top: 3upx;
		padding: 0upx;
		text-align: left;
		white-space: normal;
		width: 490upx
	}

	.msg_16 .Messages .row .msg_41 .msg_43 .vote {
		background-color: #f84336;
		border-radius: 10upx;
		color: #fff;
		float: left;
		font-size: 24upx;
		height: 31upx;
		justify-content: center;
		line-height: 31upx;
		margin-left: 42upx;
		margin-top: 4upx;
		padding: 0upx;
		text-align: center;
		white-space: normal;
		width: 43upx
	}
</style>